<template>
  <div id="root">
    <NavBar>支付页面</NavBar>

    <div class="page-tfour">
        <img src="/static/img/logo/qrcode.png">
        <p>请长按识别二维码进行支付</p>
    </div>


  </div>
</template>

<script>
import NavBar from '../components/NavBar.vue';

export default {
  data:function(){
    return {
    
    }
  },
  components:{
    NavBar,

  },
  computed:{
   
  },
  methods:{
    
  },
  mounted:function(){
 
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    #root{
      width:100vw;
    }
    .page-tfour{
        text-align:center;
        padding-top:70px;
    }
    .page-tfour p{
        color:#666;
        font-size:14px;
    }
    .page-tfour img{
      width:150px;
      height:150px;
    }
</style>
